<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <title>策略市场</title>
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
  <meta name="format-detection" content="telephone=no">
  <meta name="format-detection" content="email=no">
  <link rel="stylesheet" href="css/frozen.css">
  <link rel="stylesheet" href="css/style.css">
  <style>
    .cc-container{
      position: absolute;
      top:0;
      left:0;
      width: 100%;
      height: 100%;
    }
    .cc-content{
      position: absolute;
      top:45px;
      left: 0;
      bottom: 56px;
      width: 100%;
      margin: 0;
    }
    .ui-header, .ui-footer{
      position: absolute;
    }
  </style>
</head>
<body>
<!-- ----------------------------------
  策略市场
----------------------------------- -->
<section class="cc-container">
  <header class="ui-header bg-graywhite">
    <nav class="ui-row-flex ui-border-b">
      <div class="ui-col ui-border-r"><a class="cc-navlink active" href="cl_market.html">策略市场</a></div>
      <div class="ui-col ui-border-r"><a class="cc-navlink" href="cl_configuration.html">策略配置</a></div>
      <div class="ui-col ui-border-r"><a class="cc-navlink" href="cl_optimization.html">策略优化</a></div>
      <div class="ui-col"><a class="cc-navlink" href="cl_mine.html">我的策略</a></div>
    </nav>
  </header>
  <footer class="ui-footer ui-footer-stable ui-border-t">
    <ul class="ui-tiled cc-footer">
      <li class="active"><p class="ui-icon-home ft-icon"></p><i>量化积木</i></li>
      <li><p class="ui-icon-history ft-icon"></p><i>其他</i></li>
      <li><p class="ui-icon-history ft-icon"></p><i>其他</i></li>
    </ul>
  </footer>

  <article class="cc-content" id="wrapper">
    <div class="jrow">
    <!-- 搜索 -->
    <header class="ui-searchbar-wrap ui-border-b">
      <div class="ui-searchbar ui-border-radius">
        <i class="ui-icon-search"></i>
        <div class="ui-searchbar-text">请输入股票代码或策略名称</div>
        <div class="ui-searchbar-input"><input type="text" placeholder="请输入股票代码或策略名称" autocapitalize="off"></div>
        <i class="ui-icon-close"></i>
      </div>
      <button type="button" class="ui-searchbar-cancel">搜索</button>
    </header>

    <!-- content start-->
    <section class="cl-con">
      <ul class="ui-list ui-border-b cl-list">


        <li class="ui-border-t">
          <div class="ui-flex">
            <div class="cc-ord">
              <strong class="ui-border">1</strong>
            </div>
            <div class="ui-list-info cl-list-con">
              <h4 class="ui-nowrap"><span class="pull-right">12356451</span> 这是标题，加ui-nowrap可以超出长度截断</h4>
              <p class="ui-nowrap"><span class="pull-right">粉丝数量：1350</span> <span>创建人：Mr Toma</span></p>
            </div>
            <div class="cl-char ui-border">______</div>
          </div>
          <div class="cl-table">
            <table class="ui-table ui-border">
              <thead>
              <tr>
                <th>策略次数</th>
                <th>策略胜率</th>
                <th>策略收益</th>
                <th>策略回撤</th>
              </tr>
              </thead>
              <tbody>
              <tr>
                <td>12314</td>
                <td>56.32%</td>
                <td>1.26%</td>
                <td>636544</td>
              </tr>
              </tbody>
            </table>
          </div>
          <div class="ui-flex ui-flex-pack-end cl-i-link">
            <a href="javascript:"><span>&#xf621;</span> 交易记录</a>
            <a href="javascript:"><span>&#xf625;</span> 策略详情</a>
          </div>
        </li>


        <li class="ui-border-t">
          <div class="ui-flex">
            <div class="cc-ord">
              <strong class="ui-border">2</strong>
            </div>
            <div class="ui-list-info cl-list-con">
              <h4 class="ui-nowrap"><span class="pull-right">12356451</span> 这是标题，加ui-nowrap可以超出长度截断</h4>
              <p class="ui-nowrap"><span class="pull-right">粉丝数量：1350</span> <span>创建人：Mr Toma</span></p>
            </div>
            <div class="cl-char ui-border">______</div>
          </div>
          <div class="cl-table">
            <table class="ui-table ui-border">
              <thead>
              <tr>
                <th>策略次数</th>
                <th>策略胜率</th>
                <th>策略收益</th>
                <th>策略回撤</th>
              </tr>
              </thead>
              <tbody>
              <tr>
                <td>12314</td>
                <td>56.32%</td>
                <td>1.26%</td>
                <td>636544</td>
              </tr>
              </tbody>
            </table>
          </div>
          <div class="ui-flex ui-flex-pack-end cl-i-link">
            <a href="javascript:"><span>&#xf621;</span> 交易记录</a>
            <a href="javascript:"><span>&#xf625;</span> 策略详情</a>
          </div>
        </li>

        <li class="ui-border-t">
          <div class="ui-flex">
            <div class="cc-ord">
              <strong class="ui-border">3</strong>
            </div>
            <div class="ui-list-info cl-list-con">
              <h4 class="ui-nowrap"><span class="pull-right">12356451</span> 这是标题，加ui-nowrap可以超出长度截断</h4>
              <p class="ui-nowrap"><span class="pull-right">粉丝数量：1350</span> <span>创建人：Mr Toma</span></p>
            </div>
            <div class="cl-char ui-border">______</div>
          </div>
          <div class="cl-table">
            <table class="ui-table ui-border">
              <thead>
              <tr>
                <th>策略次数</th>
                <th>策略胜率</th>
                <th>策略收益</th>
                <th>策略回撤</th>
              </tr>
              </thead>
              <tbody>
              <tr>
                <td>12314</td>
                <td>56.32%</td>
                <td>1.26%</td>
                <td>636544</td>
              </tr>
              </tbody>
            </table>
          </div>
          <div class="ui-flex ui-flex-pack-end cl-i-link">
            <a href="javascript:"><span>&#xf621;</span> 交易记录</a>
            <a href="javascript:"><span>&#xf625;</span> 策略详情</a>
          </div>
        </li>

        <li class="ui-border-t">
          <div class="ui-flex">
            <div class="cc-ord">
              <strong class="ui-border">4</strong>
            </div>
            <div class="ui-list-info cl-list-con">
              <h4 class="ui-nowrap"><span class="pull-right">12356451</span> 这是标题，加ui-nowrap可以超出长度截断</h4>
              <p class="ui-nowrap"><span class="pull-right">粉丝数量：1350</span> <span>创建人：Mr Toma</span></p>
            </div>
            <div class="cl-char ui-border">______</div>
          </div>
          <div class="cl-table">
            <table class="ui-table ui-border">
              <thead>
              <tr>
                <th>策略次数</th>
                <th>策略胜率</th>
                <th>策略收益</th>
                <th>策略回撤</th>
              </tr>
              </thead>
              <tbody>
              <tr>
                <td>12314</td>
                <td>56.32%</td>
                <td>1.26%</td>
                <td>636544</td>
              </tr>
              </tbody>
            </table>
          </div>
          <div class="ui-flex ui-flex-pack-end cl-i-link">
            <a href="javascript:"><span>&#xf621;</span> 交易记录</a>
            <a href="javascript:"><span>&#xf625;</span> 策略详情</a>
          </div>
        </li>



      </ul>
    </section>
    </div>
    <!-- content end -->

  </article>


</section>
<script src="lib/zepto.min.js"></script>
<script src="lib/jroll.min.js"></script>
<script src="js/frozen.js"></script>
<script src="js/main.js"></script>
<script>
$(function () {
  cc.pro.market();
  new JRoll("#wrapper", {
    bounce:true,
    momentum:true
  });
});
</script>
</body>
</html>
